<!DOCTYPE html>

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Magazine Grid</title>
	<!-- Minified Stylesheet -->
	<link rel="stylesheet" href="magazinegrid.min.css" type="text/css" charset="utf-8">
	<!-- Plugin Stylesheets -->
	<link rel="stylesheet" href="src/plugins/elements.css" type="text/css" charset="utf-8">
	<!-- Individual Styles -->
	<style type="text/css" media="screen">
		article {
			height: 1004px;
		}
		.grid {
			height: 440px;
			background: #ccc;
		}
		h2 {
			color: #f20;
		}
	</style>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0;">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no" />
	
</head>
<body>
	<article>
		<section class="gutter">
			<h1><strong>Airbus Aeronáuticos</strong> - Soto del Real</h1>
			<h2>Airbus Aeronáuticos 57 - Soto del Real 3</h2>
			<h3>Domingo 30 de Septiembre</h3>
			<h3>Puerta de Hierro 12.30</h3>
			<h3>Arbitro: Jesús Linares</h3>
			<p class="gutter">
				Domingo soleado con una excelente temperatura. Los de Isis Velasco se presentaban al primer partido de temporada con los deberes hechos, pero con muchas bajas en la lÌnea de 3/4 (Nacho Vicente, Ríos, Carlos Cordero, Rodrigo, y Charles entre otros) lo que obligó durante la semana a recomponer la alineación y la estructura del equipo.
			</p>
			<p><strong>magazine grid will help you create nice magazine layouts</strong> in HTML5 for the iPad. It creates an 8-column grid and some typographic styles.</p>
			<p>The grid consists of 8 columns with a width of 82 pixels in portrait & 114 pixels in landscape orientation. They have a gap of 16 pixels. It comes with a fix baseline grid of 22 pixels and an optional gutter of 49 pixels. To use magazine grid, you need to include only CSS File. It's highly recommended to use the minified Version. Also, you need to set the viewport width to prevent automatic scaling of your page.</p>
		</section>
		<section class="gutter column2 border">
			<h2>Made for the iPad</h2>
			<p>aGrid.css is designed to work best on the iPad in portrait and landscape orientation. The simple 8 column grid uses the full display without leaving unnecessary margins.</p>		
			<h2>iPhone compatible? Yes, Sir!</h2>
			<p>Of course aGrid.css has a nice fallback style for devices with smaller displays such as the iPhone or iPod Touch. It linearizes the grid and puts the main focus on readability. </p>
			<h2>Lighter than 4kB</h2>
			<p>aGrid.css is superlight to load fast on mobile devices. That is why it doesn't care about oldschool browsers like IE6 or Netscape.</p>
		</section>
			<section>
				<h1 class="grid x4">Airbus Aeron·uticos - Soto del Real</h1>
				<h2>Airbus Aeron·uticos 57 - Soto del Real 3</h2>
				<h3>Domingo 30 de Septiembre</h3>
				<h3>Puerta de Hierro 12.30</h3>
				<h3>Arbitro: Jes˙s Linares</h3>

				<p class="gutter">
					Domingo soleado con una excelente temperatura. Los de Isis Velasco se presentaban al primer partido de temporada con los deberes hechos, pero con muchas bajas en la lÌnea de 3/4 (Nacho Vicente, RÌos, Carlos Cordero, Rodrigo, y Charles entre otros) lo que obligÛ durante la semana a recomponer la alineaciÛn y la estructura del equipo.
				</p>
				<p class="gutter">
					Primera parte compleja. Algunos retrasos han desconcentrado y obligado a hacer m·s reajustes. Ya metidos en el juego, ha costado mucho que el equipo tuviera buenas fases de continuidad. Problemas tÈcnicos que se han acumulado en el pase en el contacto, y por la  cantidad ingente de golpes de castigo en el breakdown que hemos tenido y que el ·rbitro ha castigado con decisiÛn. Estas circunstancias han dado vida a un Soto del Real que se ha ido con un resultado excesivamente adverso y que ha demostrado bastante calidad en el juego abierto. Pero la m·xima "no srum, no win" es irrebatible, y es aquÌ donde Aerona˙ticos han conseguido abrir factura. Y es que Airbus contin˙a con su potencial marca de la casa. Ha ganado incluso en rotaciones con la entrada de Miguel, Astur, y Rafa (que han debutado hoy en partido oficial), lo que permite m·s variaciones en las alineaciones y mayor competitividad en los puestos. Tanto es asÌ, que incluso pueden corregir el pequeÒo bajÛn de nuestros 3/4 con buenas actuaciones de Mikel y Amengual, de centro y ala respectivamente.
				</p>
				<p class="gutter">
				La segunda parte se ha iniciado a˙n sin punto bonus, pero con una salida en tromba de los ingenieros que ha sido imposible de parar por los visitantes. Una delantera m·s unida que ha conseguido enseÒar a la grada bonitas jugadas de continuidad con buena combinaciones con unos tres cuartos muy verticales. Un cÛctel perfectamente servido por la excelente direcciÛn de nuestros dos directores de juego, para los que va el MVP del partido: Alejandro Feito y Pelayo Sicilia.
				</p>
				<p class="grid x2 indent1">
					PrÛxima semana: Getafe
				</p>
				<p class="grid x1">
					AlineaciÛn: 1. Miguel, 2. Moli, 3. Nacho Segovia, 4. Rafa, 5. Michel, 6. A. Esteban, 7. Moro, 8. Paco (C), 9. Feito, 10. Pelayo, 11. Amengual, 12. A. Martinez, 13. Mikel, 14. Ferro, 15. Kais.
					16. Astur, 17. Jacobo, 18. Perilla.
				</p>
			</section>
			<section class="gutter column2">
				<p>
					Text running in 2 columns with gutter left/right of 0.5 grid columns
				</p>
			</section>
	</article>
<article>
	<section>
		<div class="grid x1">&nbsp;</div>
		<div class="grid x1">&nbsp;</div>
		<div class="grid x1">&nbsp;</div>
		<div class="grid x1">&nbsp;</div>
		<div class="grid x1">&nbsp;</div>
		<div class="grid x1">&nbsp;</div>
		<div class="grid x1">&nbsp;</div>
		<div class="grid x1">&nbsp;</div>
	</section>
	<section class="gutter">
		<h1>This is the <strong>Magazine Grid</strong></h1>
		<p><strong>magazine grid will help you create nice magazine layouts</strong> in HTML5 for the iPad. It creates an 8-column grid and some typographic styles.</p>
		<p>The grid consists of 8 columns with a width of 82 pixels in portrait & 114 pixels in landscape orientation. They have a gap of 16 pixels. It comes with a fix baseline grid of 22 pixels and an optional gutter of 49 pixels. To use magazine grid, you need to include only CSS File. It's highly recommended to use the minified Version. Also, you need to set the viewport width to prevent automatic scaling of your page.</p>
	</section>
	<section class="gutter column2 border">
		<h2>Made for the iPad</h2>
		<p>aGrid.css is designed to work best on the iPad in portrait and landscape orientation. The simple 8 column grid uses the full display without leaving unnecessary margins.</p>		
		<h2>iPhone compatible? Yes, Sir!</h2>
		<p>Of course aGrid.css has a nice fallback style for devices with smaller displays such as the iPhone or iPod Touch. It linearizes the grid and puts the main focus on readability. </p>
		<h2>Lighter than 4kB</h2>
		<p>aGrid.css is superlight to load fast on mobile devices. That is why it doesn't care about oldschool browsers like IE6 or Netscape.</p>
	</section> 
	<footer><li>1</li><li class="current">2</li><li>3</li><li>4</li><li>5</li></footer>
</article>
</body>
</html>
